<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-cn">
		<!--顶部-->
		<div class="layout bg-black bg-inverse">
			<div class="container height-large">
				<c:if test="${empty username}">
					<span class="float-right text-small text-gray hidden-l">
                	<a class="text-main" href="register.jsp">注册</a>
               		<span> | </span>
                	<a class="text-main" href="login.jsp">登录</a></span>
				</c:if>
				<c:if test="${username!=null}" >
					<span class="float-right text-small text-gray hidden-l">
	                <a class="text-main">你好：${username}</a>&nbsp;&nbsp;&nbsp;&nbsp;
	                <a class="text-main" id="zhuxiao" onclick="confirmDestroy()" style="color:#f00" href="invalidateSession">退出登录</a></span>
				</c:if>
				<a href="JavaScript:;">欢迎光临大勇先森的网站</a>
			</div>
		</div>
		<!--导航-->
		<div class="demo-nav padding-big-top padding-big-bottom fixed">
			<div class="container padding-top padding-bottom">
				<div class="line">
					<div class="xl12 xs3 xm3 xb2">
						<button class="button icon-navicon float-right" data-target="#header-demo"></button>
						<a target="_blank" href="indexFront.jsp"><img src="images/logo.png"/></a>
					</div>
					<div class=" xl12 xs9 xm9 xb10 nav-navicon" id="header-demo">
						<div class="xs8 xm6 xb5 padding-small">
							<ul class="nav nav-menu nav-inline nav-big">
								<li><a href="indexFront.jsp">首页</a></li>
								<c:if test="${username!=null}" >
									<li><a href="upload.jsp">上传</a></li>
									<li><a href="adminImageManage">管理</a></li>
								</c:if>
								<li><a href="FindImgServlet">列表</a></li>
								<!--  <li>
									<a href="JavaScript:;">web开发<span class="arrow"></span></a>
									<ul class="drop-menu">
										<li><a href="JavaScript:;">java</a></li>
										<li>
											<a href="JavaScript:;">前端<span class="arrow"></span></a>
											<ul>
												<li><a href="JavaScript:;">js</a></li>
												<li><a href="JavaScript:;">css</a></li>
											</ul>
										</li>
									</ul>
								</li> -->
							</ul>
						</div>
						<div class="xs4 xm3 xb4">
							<form action="searchHeaderServlet" method="post">
								<div class="input-group padding-little-top">
									<input type="text" class="input border-main" name="keywords" size="30" placeholder="关键词" />
									<span class="addbtn"><button type="submit" class="button bg-main icon-search"></button></span>
								</div>
							</form>
						</div>
						<div class="hidden-l hidden-s xm3 xb3">
							<div class="text-red text-big icon-phone height-large text-right"> 热线 180-3097-0431</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		 <script>
		 function confirmDestroy(){
            if(confirm("确定要注销吗？")){
           			document.getElementById("zhuxiao").href="invalidateSession";
           		}else{
           			document.getElementById("zhuxiao").href="JavaScript:;";
           		}
           	}
		</script>